---
id: TASK-020
title: 'TUI: 7-day weather forecast sparkline'
status: To Do
assignee: []
created_date: '2026-06-12 04:21'
labels:
  - tui
  - feature
dependencies: []
priority: medium
ordinal: 20000
---

## Description

<!-- SECTION:DESCRIPTION:BEGIN -->
The weather panel currently shows a plain text list of 3-day forecasts (`Mon  72° / 58°`). Replace or supplement this with a visual 7-day forecast bar using Textual's `Sparkline` widget or Unicode block characters — one column per day showing high/low temp range.

Implementation:
- Use the `daily[]` array from the weather payload (already fetched, has `max`, `min`, `date`, `precipProb`)
- Render a mini bar chart: each day as a labeled column with a filled block representing the temp range, colored by high temp (cool→warm gradient)
- Show day abbreviation + high/low below each bar
- Precipitation probability shown as a `%` label or bar fill change when ≥ 20%
- Textual `Sparkline` could show just highs; a custom `Static` Rich table gives more control over high/low ranges

Weather payload already has up to 7 days of `daily` data.
<!-- SECTION:DESCRIPTION:END -->

## Acceptance Criteria
<!-- AC:BEGIN -->
- [ ] #1 Weather panel shows a visual 7-day forecast
- [ ] #2 Each day shows abbreviated name, high, low
- [ ] #3 Precipitation probability indicated when >= 20%
- [ ] #4 Chart fits within the panel without horizontal scrolling at typical terminal widths
- [ ] #5 Falls back gracefully if fewer than 7 days available
<!-- AC:END -->